<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>大拇哥资源共享平台</title>
    <!--视口 不缩放 -->
    <meta name="viewport" content="user-scalable=no,width=device-width, initial-scale=1.0,  minimum-scale=1.0, maximum-scale=1.0">
    <meta name="flexible" content="initial-dpr=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 网页作者 -->
    <meta name="author" content="hg" />
    <!-- 添加到主屏后的标题（iOS 6 新增） -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- 是否启用 WebApp 全屏模式，删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
    <!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telphone=no, email=no" />
    <!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 不让百度转码 -->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <meta name="msapplication-TileColor" content="#000" />
    <!--<link href="logo.ico" rel="shortcut icon" type="image/x-icon">-->
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="__PUBLIC__/dist/js/html5shiv.min.js"></script>
      <script src="__PUBLIC__/dist/js/respond.min.js"></script>
    <![endif]-->
    <link rel="shortcut icon" href="favicon.ico">
    <!-- ZUI1.7.0 -->
    <link rel="stylesheet" href="__PUBLIC__/dist/css/zui.min.css">

    <link href="/domoko/dist/css/main.css" rel="stylesheet">
</head>
<body class="bg-white">
    <div id="page">
        <div class="clearfix row">
            <div class="col-md-10 row">
                <p class="col-md-6"><span class="black">建课人：</span>王石、李虎</p>
                <p class="col-md-6"><span class="black">计划学时：</span>30小时</p>
                <p class="col-md-6"><span class="black">所属岗位：</span>平面广告设计师</p>
                <p class="col-md-6"><span class="black">建课时间：</span>2017-10-10</p>
                <p class="col-xs-12 black">项目目的：</p>
                <p class="col-xs-12">通过学习感光度、光圈、快门的知识，分辨全幅半幅相机的区别，认识镜头不同焦段的特性等，来了解单反相机的使用基础</p>
            </div>
            <div class="col-md-2 text-right"><a class="btn btn-primary">下载电子教材</a></div>
        </div>
        <hr>
        <div class="clearfix row">
            <div class="col-md-2">
                <nav class="menu" data-ride="menu" style="width:100%">
                    <ul class="nav nav-primary">
                        <li class="active"><a href="javascript:;"><i class="icon icon-forward "></i> 了解光感度</a></li>
                        <li><a href="javascript:;"><i class="icon icon-forward "></i> 了解光圈</a></li>
                        <li><a href="javascript:;"><i class="icon icon-forward "></i> 了解快门速度</a></li>
                    </ul>
                </nav>
            </div>
            <section class="col-md-10 content">
                <h2>发展历史</h2>
                <p>HTML 5草案的前身名为Web Applications 1.0，是在2004年由WHATWG提出。2008年1月22日，第一份正式草案发布。WHATWG表示该规范是目前仍在进行的工作，仍须多年的努力。[8]目前Mozilla Firefox、Google Chrome、Opera、Safari（版本4以上）、Internet Explorer（版本9以上）已支持HTML5技术。</p>
                <p>2014年10月28日，W3C正式发布HTML5.0推荐标准。</p>
                <h3>标准化进程</h3>
                <p>2004年6月，Mozilla基金会和Opera软件公司在万维网联盟（W3C）所主办的研讨会上提出了一份联合建议书，这份提案主要针对该技术能向下兼容浏览器的同时，也可以扩展更多新技术[17]，其中Web Forms 2.0初步规范草案被提出，但因W3C已着力于XHTML的发展，故此建议书于8票赞成，14票反对下被否决[18]，这引起部分人的不满，不久后，一些厂商宣布成立网页超文本技术工作小组（WHATWG）组织，以继续推动该规范的开发工作，该组织再度提出Web Applications 1.0规范草案，后来这两种规范逐渐合并成今天的HTML5。2007年，获得W3C接纳，并成立了新的HTML工作团队。</p>
                <h3>2014计划</h3>
                <p>2012年9月，W3C提出计划要在2014年底前发布一个HTML5推荐标准，并在2016年底前发布HTML5.1推荐标准。</p>
            </section>
        </div>
    </div>
    <script src="__PUBLIC__/dist/js/jquery.min.js"></script>
    <script>
        $('.menu .nav').on('click', 'li:not(.nav-parent) > a', function() {
            var $this = $(this);
            $('.menu .nav .active').removeClass('active');
            $this.closest('li').addClass('active');
            $this.closest('.nav-parent').addClass('active');
        });
    </script>
</body>
</html>